/***********************************************/
/* DASHBOARD MODE ******************************/
/***********************************************/

.x-viewport-dashboardmode {

    #JahiaGxtSidePanelTabs {
        background: blue;

        .x-tab-panel-body {
            height: calc(100% - 112px) !important;
            overflow: auto;
            overflow-x: hidden;
            width: 100% !important;
            margin-top: 52px !important;
            padding: 0px 25px 0 57px;
        }

        &:before {
            opacity: 0 !important;
        }
    }

    .editmode-managers-menu {
        &.x-hide-display {
            display: block !important;
        }

        position: fixed;
        top: 54px;
        left: 60px;
        z-index: $ZINDEX--HAMBURGER_MENU---BUTTON;
        display: block;
        background: url( _icon("dxLogo", "blue")) no-repeat top 3px left 10px; /* OPTIMISE URL ::: css/app/_dashboardmode.scss ::: 1 */
        margin-top: 0;
        background-size: 32px 32px;
        opacity: 0.9;
        width: 50px;
        height: 50px;

        body[data-selection-count="0"] & {
            background: url( _icon("dxLogo", "blue")) no-repeat top 3px left 10px; /* OPTIMISE URL ::: css/app/_dashboardmode.scss ::: 2 */
            background-size: 32px 32px;
        }

        &:hover {
            opacity: 1;
        }

        &::after {
            content: "";
        }

        body[data-INDIGO-GWT-SIDE-PANEL="open"] & {
            background: url( _icon("dxLogo", "blue")) no-repeat top 3px left 10px; /* OPTIMISE URL ::: css/app/_dashboardmode.scss ::: 3 */
            top: 40px;
            left: 20px;
            background-size: 42px;
            width: 54px !important;
        }

        .x-btn-mc {
            height: 40px !important;
        }
    }


    .x-grid3-row {
        pointer-events: all;
    }

    .action-toolbar {
        background-size: 32px 32px;
        background: none !important;
        border: none !important;
        display: block;
        top: 0;
        height: 40px !important;
        right: 2px;
        left: auto;
        pointer-events: all;
        padding: 5px;
        width: 49px;
        z-index: $ZINDEX--TOOLBAR--CONTAINER;
        overflow: visible !important;
        position: fixed;

        .x-btn-arrow {
            display: none;
        }

        > table {
            opacity: 1;
            z-index: $ZINDEX--TOOLBAR--CONTAINER;
            pointer-events: all;
        }

        .x-toolbar-cell {
            display: block;
            margin-top: 10px;
            opacity: 1;

            &.x-hide-display {
                display: block !important;
            }

            button {
                width: 50px !important;
                height: 35px !important;
                padding: 0 !important;
                background: transparent !important;
                text-indent: -50000px;
            }

            td.x-btn-mc {
                display: block;
                width: 50px;
                height: 23px;
                margin-bottom: 2px;
                background: transparent !important;
            }

            &:nth-child(1) > table:nth-child(1) td.x-btn-mc { /* OPTIMISE SELECTOR ::: css/app/dashboardmode.scss ::: 1 */
                width: 50px;
                margin-bottom: 2px;
                background: transparent !important;
                display: none;
            }

            &:nth-child(2) { /* OPTIMISE SELECTOR ::: css/app/dashboardmode.scss ::: 2 */
                display: none;
            }

            .dashboard-menu-user {
                display: none !important;
            }

            .dashboard-menu-mode {
                &.x-hide-display {
                    display: block !important;
                }

                position: fixed;
                right: 73px;
                top: 6px;
                margin-top: 7px;
                z-index: $ZINDEX--CONTEXT_MENU--MODE_MENU;
                width: 123px;
                height: 24px;
                opacity: 0.9;

                &::after {
                    content: _dictionary("dashboard");
                    font-size: 14px;
                    text-transform: uppercase;
                    font-weight: _weight("semilight");
                    margin-top: 0px;
                    padding-left: 35px;
                    background: url( _icon("dxLogo", "black")) no-repeat left 12px center / 20px 20px; /* OPTIMISE URL ::: css/app/_dashboardmode.scss ::: 4 */
                    padding-right: 2px;
                    text-align: left;
                    position: relative;
                    z-index: $ZINDEX--CONTEXT_MENU--MODE_MENU---LABEL;
                    font-family: $DEFAULT--FONT--FAMILY;
                    width: calc(100% - 20px);
                    display: block;
                    height: 20px;
                    padding-top: 5px;
                    color: _color("secondary");

                    body[data-selection-count="0"] & {
                        background: url( _icon("dxLogo", "blue")) no-repeat left 12px center / 20px 20px, url(../images/combo-arrow.png) no-repeat right center; /* OPTIMISE URL ::: css/app/_dashboardmode.scss ::: 5 */ /* OPTIMISE URL ::: css/app/_dashboardmode.scss ::: 6 */
                    }
                }

                body[data-sitesettings="true"] & {
                    display: none;
                }
            }
        }
    }

    > div:nth-child(1) { /* OPTIMISE SELECTOR ::: css/app/dashboardmode.scss ::: 3 */
        height: 100%;
        background: _color("secondary", normal);

        > div:nth-child(2) { /* OPTIMISE SELECTOR ::: css/app/dashboardmode.scss ::: 4 */
            height: 100%;
        }
    }

    > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) { /* OPTIMISE SELECTOR ::: css/app/dashboardmode.scss ::: 5 */
        height: 43px;
        pointer-events: none;
    }

    > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) { /* OPTIMISE SELECTOR ::: css/app/dashboardmode.scss ::: 6 */
        z-index: $ZINDEX--ACTION_BAR--CONTAINER;
        height: 60px;
        display: block;
        position: absolute !important;
    }

}

body {
    background: _theme($BODY--BG, $EDIT-MODE) !important;
}

#userSites_table_wrapper {
    margin-top: 170px;
    width: 374px;
    margin-left: 37px;
}

#userSites_table {

    &:before {
        color: _color("secondary", a);
        font-size: 16px;
        font-family: Nunito Sans;
        font-weight: 100;
        content: "All Sites";
        margin-bottom: 10px;
        display: block;
    }

    thead {
        display: none;
    }

    td {
        display: none;

        &:nth-child(1) { /* OPTIMISE SELECTOR ::: css/app/dashboardmode.scss ::: 7 */
            display: block;
            background: transparent;
            margin-bottom: 1px;
            color: _color("secondary", c);
            font-size: 16px;
            font-family: Nunito Sans;
            font-weight: 100;
            padding: 11px 15px;

            input {
                display: none;
            }
        }
    }

    tr.indigo-selected {

        &:hover {
            td {
                &:nth-child(3) { /* OPTIMISE SELECTOR ::: css/app/dashboardmode.scss ::: 8 */
                    background: url(/engines/jahia-anthracite/images/icons/tabs-create-white@X2.png) no-repeat center center; /* OPTIMISE URL ::: css/app/_dashboardmode.scss ::: 7 */
                    background-size: 19px;
                    background-color: _color("quaternary");
                    opacity: 1;
                }

                &:nth-child(5) { /* OPTIMISE SELECTOR ::: css/app/dashboardmode.scss ::: 9 */
                    background: url(/engines/jahia-anthracite/images/icons/icon_preview_small_white.png) no-repeat center center; /* OPTIMISE URL ::: css/app/_dashboardmode.scss ::: 8 */
                    background-size: 19px;
                    background-color: _color("quaternary");
                    opacity: 1;
                }
            }
        }

        td {
            background: _color("secondary", b);
            color: _color("primary");
        }
    }

    tr {
        position: relative;
        display: block;

        &:hover {
            td {
                &:nth-child(3) { /* OPTIMISE SELECTOR ::: css/app/dashboardmode.scss ::: 10 */
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 0;
                    background: url(/engines/jahia-anthracite/images/icons/tabs-create-white@X2.png) no-repeat center center; /* OPTIMISE URL ::: css/app/_dashboardmode.scss ::: 9 */
                    background-size: 19px;
                    background-color: transparent;
                    height: 22px;
                    width: 22px;
                    opacity: 0.8;

                    &:hover {
                        opacity: 1;
                    }

                    img {
                        opacity: 0;
                    }
                }

                &:nth-child(5) { /* OPTIMISE SELECTOR ::: css/app/dashboardmode.scss ::: 11 */
                    display: block;
                    position: absolute;
                    right: 35px;
                    top: 0;
                    background: url(/engines/jahia-anthracite/images/icons/icon_preview_small_white.png) no-repeat center center; /* OPTIMISE URL ::: css/app/_dashboardmode.scss ::: 10 */
                    background-size: 19px;
                    background-color: transparent;
                    height: 22px;
                    width: 22px;

                    img {
                        opacity: 0;
                    }
                }

            }
        }
    }
}

#exportStagingButton,
#exportLiveButton,
#deleteSiteButton {
    display: none;
}

#userSites_table_filter {
    display: none;
}

#userSites_table_length {
    display: none;
}

#userSites_table_info,
.dataTables_paginate {
    display: none;
}

.well {
    background: none;
    border: none;
}

a[href="/cms/admin/default/en/settings.webProjectSettings.html"] {
    position: fixed;
    top: 223px;
    left: 406px;
    background: url(/engines/jahia-anthracite/images/icons/add-icon.png) no-repeat center center; /* OPTIMISE URL ::: css/app/_dashboardmode.scss ::: 11 */
    width: 30px;
    height: 30px;
    text-indent: -50000px;
    border: none;
    opacity: 0.5;


    &:hover {
        opacity: 1;
        background-color: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
}
